import { StyleSheet, Dimensions } from 'react-native';

const status = {
  alignItems: 'flex-end',
  justifyContent: 'center',
  fontSize: 16
};

const WIDTH = Dimensions.get('window').width;
const SPACE = 4;
const COLS = 3;

export default StyleSheet.create({
  list: {
    paddingBottom: SPACE
  },
  itemWrap: {
    backgroundColor: '#fff',
    alignItems: 'stretch',
    marginTop: SPACE,
    marginHorizontal: SPACE,
    borderWidth: 1,
    borderColor: '#ccc'
  },
  title: {
    padding: SPACE,
    backgroundColor: '#eee'
  },
  row: {
    flexDirection: 'row'
  },
  col: {
    width: (WIDTH - SPACE * 2) / COLS,
    justifyContent: 'center',
    alignItems: 'center',
    paddingVertical: SPACE
  },
  gridText: {
    textAlign: 'center',
    fontSize: 16,
    color: '#666'
  },
  gridTitle: {
    color: '#999',
    fontSize: 12
  }
});
